<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/public.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }
    </style>
    <#include "../../common.ftl">
</head>
<body>
<div class="layui-form layuimini-form">
    <div class="layui-form-item">
        <label class="layui-form-label required">读者姓名</label>
        <div class="layui-input-block">
            <input type="text" name="readerName" lay-verify="required" lay-reqtext="读者姓名不能为空" placeholder="请输入读者姓名" value="${(their.readername)!}" class="layui-input">
            <tip>填写还书者姓名。</tip>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label required">书籍名字</label>
        <div class="layui-input-block">
            <input type="text" name="bookName" lay-verify="required" lay-reqtext="图书名字不能为空" placeholder="请输入图书名字" value="${(their.bookname)!}" class="layui-input">
            <tip>填写图书名字。</tip>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">管理员</label>
        <div class="layui-input-block">
            <input type="text" name="adminName" lay-verify="required" lay-reqtext="操作者名字不能为空"  placeholder="请输入操作者姓名" value="${(their.adminName)!}" class="layui-input">
            <tip>填写操作者姓名。</tip>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">图书情况</label>
        <div class="layui-input-block">
            <input type="text" name="bookSituation" lay-verify="required" lay-reqtext="图书情况不能为空"  placeholder="请输入图书情况" value="${(their.bookSituation)!}"  class="layui-input">
            <tip>填写图书归还情况。</tip>
        </div>
    </div>


    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">备注信息</label>
        <div class="layui-input-block">
            <textarea name="remark" class="layui-textarea" placeholder="请输入备注信息"></textarea>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
            <button class="layui-btn layui-btn-lg layui-btn-normal" id="closeBtn">取消</button>
        </div>
    </div>

</div>
<script src="../lib/layui/layui.js" charset="utf-8"></script>
<script>
    layui.use(['form'], function () {
        var form = layui.form,
            layer = layui.layer,
            $ = layui.$;

        /**
         * 监听表单submit事件
         form.on('submit(按钮元素的lay-filter属性值)', function (data) {

        });
         */
        form.on('submit(saveBtn)', function (data) {
            // 提交数据时的加载层 （https://layer.layui.com/）
            var index = layer.msg("数据提交中,请稍后...",{
                icon:16, // 图标
                time:false, // 不关闭
                shade:0.8 // 设置遮罩的透明度
            });

            // 发送ajax请求
            var url = ctx + "/lend/addLend"; // 添加操作

            // 通过营销机会的ID来判断当前需要执行添加操作还是修改操作
            // 如果营销机会的ID为空，则表示执行添加操作；如果ID不为空，则表示执行更新操作
            // 通过获取隐藏域中的ID
            var lendListId = $("[name='id']").val();
            // 判断ID是否为空
            if (lendListId != null && lendListId != '') {
                // 更新操作
                url = ctx + "/lend/updateLend"+"?lendListId="+lendListId;
            }
            $.post(url, data.field, function (result) {
                // 判断操作是否执行成功 200=成功
                if (result.code == 200) {
                    // 成功
                    // 提示成功
                    layer.msg("操作成功！",{icon:6});
                    // 关闭加载层
                    layer.close(index);
                    // 关闭弹出层
                    layer.closeAll("iframe");
                    // 刷新父窗口，重新加载数据
                    parent.location.reload();
                } else {
                    // 失败
                    layer.msg(result.msg, {icon:5});
                }
            });

            // 阻止表单提交
            return false;

        });

        /**
         * 关闭弹出层
         */
        $("#closeBtn").click(function () {
            // 当你在iframe页面关闭自身时
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            parent.layer.close(index); //再执行关闭
        });

    });
</script>

</body>
</html>